<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>付款</title>
    <link href="${ctx}/css/bootstrap.css" rel="stylesheet">
    <link href="${ctx}/css/animate.css" rel="stylesheet">
    <link href="${ctx}/css/portal.css" rel="stylesheet">
     <link href="${ctx}/css/toastr.css" rel="stylesheet">
    <script type="text/javascript">
    var basePath = "${ctx}";
    var orderId="${oid}"
	</script>
	                <style>
                    .Modal {
                        position: absolute;
                        left: 0px;
                        right: 0px;
                        bottom: 0px;
                        top: 0px;
                        z-index: 1031;
                        display: none;
                    }

                    .Modal_White {
                        background: rgba(255,255,255,.8);
                    }

                    .Modal_Content {
                        margin: 100px auto;
                        width: 800px;
                        background: #fff;
                    }

                    .money {
                        color: #663300;
                        font-size: 18px;
                    }

                    .pay_type {
                        padding: 5px 10px;
                        cursor: pointer;
                    }

                        .pay_type .wx {
                            border: 1px solid #55bd47;
                        }

                    .pay_logo {
                        width: 150px;
                        height: 40px;
                        display: block;
                    }

                        .pay_logo.wx {
                            background: url(http://r3.xianlaohu.com/portal/img/tag/pay/logo_wxpay.png) no-repeat;
                        }

                        .pay_logo.scan {
                            background: url(http://r3.xianlaohu.com/portal/img/tag/pay/tag_scan.png) no-repeat;
                            width: 40px;
                            height: 40px;
                            display: block;
                            float: left;
                        }
                </style>
</head>
<body>
    
<header class="navbar navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="header-logo">
                <a>
                    <img src="${ctx}/img/logo.png">
                    <span class="site">付款</span>
                </a>
            </div>
            <div id="header_nav"></div>
           </div>
        	</div>
</header>
    <div class="wrapper">
        <div class="container">
            <div class="content">
                <div id="account_info" class="funcLine">
                   
                </div>
                <div class="ibox">
                    <div class="ibox-title">
                       缴费付款
                    </div>
                    <div class="ibox-content">
                        <div class="form-horizontal">
                            <div class="form-group">
                                <label for="amount" class="col-lg-5 control-label">需缴纳人民币:</label>
                                <div class="col-lg-7">
                                    ￥<span id="amount" class="form-control c-text inline-control" style="width:150px;" maxlength="8" >${order}</span>
                                    <a id="recharge" class="btn btn-primary">去缴费</a>
                                    <span class="error-msg"></span>
                                </div>
                            </div>
                          
                            <div class="text-center">
                                <section id="notice" style="padding: 7px 0;font-size:12px;color:#e66124">*完成缴费后不受理退款业务。</section>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
<footer id="contact" class="footer">
        <div class="container text-center">
            <a href="" target="_blank">小黄莺艺术学院</a>&nbsp;
            <span>copyright © 2015 kidedu03.cn All Rights Reserved</span>
        </div>
</footer>

    <script src="${ctx}/js/jquery-2.js"></script>
    <script src="${ctx}/js/jquery_003.js"></script>
    <script src="${ctx}/js/qrcode.js"></script>
    <script src="${ctx}/js/jquery_002.js"></script>
    <script src="${ctx}/js/jquery.js"></script>
    <script src="${ctx}/js/recharge.js"></script>
       <script src="${ctx}/js/toastr.js"></script>
       
     <div id="modal_confirm" class="Modal Modal_White">
        <div class="animated fadeInDown Modal_Content">
            <div class="ibox">
                <div class="ibox-title">
                    <label class="label-title">支付金额：</label><span data-type="recharge_amount" class="font-bold money">${order}</span>元
                </div>
                <div class="ibox-content">
                    <div class="text-center">
                        <div class="funcLine">
                            <div class="inline wx">
                                <i class="pay_logo wx"></i>
                            </div>
                        </div>
                        <div class="funcLine">
                            <a id="recharge_confirm" class="btn btn-primary">确认付款</a>
                            <a id="recharge_cancel" class="btn btn-default">放弃付款</a>
                        </div>
                        <div style="margin-bottom: 10px; ">
                           
                            <span class="error-msg"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
     <div id="modal_pay" class="Modal Modal_White">
        <div class="animated fadeInDown Modal_Content">
            <div class="ibox">
                <div class="ibox-title">
                    <div class="row">
                        <div class="pull-left">
                            <i class="pay_logo wx"></i>
                        </div>
                        <div class="pull-right" style="margin-top:12px;">
                            <label class="label-title">订单号：</label><span id="recharge_order_no"></span>
                        </div>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="text-center">
                        <div class="funcLine">
                            <label class="label-title">支付金额：</label><span data-type="recharge_amount" class="font-bold money">${order}</span>元
                            <a id="pay_cancel" style="margin-left: 10px;" title="放弃支付订单将自动取消">放弃支付</a>
                        </div>
                        <div class="funcLine">
                            <div id="qrcode_pay" style="margin:0 auto;">
                            </div>
                        </div>
                        <div style="width:150px;margin:0 auto;">
                            <i class="pay_logo scan"></i>
                            请使用微信扫描二维码完成支付
                            <img alt="" src="" id="scanma">
                        </div>
                        <div style="font-size:12px;color:#e66124;margin-top:10px;">*请在2小时内完成支付，否则订单将自动取消</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="modal_result" class="Modal Modal_White">
        <div class="animated fadeInDown Modal_Content">
            <div class="ibox">
                <div class="ibox-title">
                    <div class="row">
                        <div class="pull-left">
                            <i class="pay_logo wx"></i>
                        </div>
                    </div>
                </div>
                <div class="ibox-content">
                    <div id="modal_result_sucess" class="text-center" style="display:none;">
                        <div class="funcLine">
                            <h4>已成功付款<span data-type="recharge_amount_real" class="font-bold money"></span>元</h4>
                        </div>
                        <div>
                            <a id="result_sucess" class="btn btn-default">关闭</a>
                        </div>
                    </div>
                    <div id="modal_result_failed" class="text-center" style="display:none;">
                        <div class="funcLine">
                            <h4>付款失败</h4>
                        </div>
                        <div>
                            <a id="result_failed" class="btn btn-primary">重新支付</a>
                            <a id="result_cancel" class="btn btn-default" title="放弃付款订单将自动取消">放弃支付</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



</body></html>